﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Templates/Default/Default.Master"
    AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="WebApp.Articles.List" %>

<asp:Content ID="Content1" ContentPlaceHolderID="_ctlContentMainHead" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="_ctlContentMainMenu" runat="server">
    <div class="menu_nav">
        <ul>
            <li class="active"><a href="../WebFrom1.aspx">首页</a></li>
            <li><a href="../WebForm4.aspx">交流博客</a></li>
            <li><a href="../WebForm5.aspx">支持我们</a></li>
            <li><a href="../WebForm2.aspx">关于我们</a></li>
            <li><a href="../WebForm3.aspx">联系我们</a></li>
        </ul>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="_ctlContentMainBody" runat="server">
    <div class="article">
        <h2>
            <a href="View.aspx">
            <span>康复中心</span>正式启动
            </a>    
        </h2>
        <div class="clr">
        </div>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            发布时间 : 2012年11月21日
            <span>&nbsp;&bull;&nbsp;</span>
            发布人 : <a href="#">康复中心</a>
            <span>&nbsp;&bull;&nbsp;</span>
            已回复(3)
            <span>&nbsp;&bull;&nbsp;</span>
            <a href="view.aspx">阅读 &raquo;</a>
        </p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    </div>
        <div class="article">
        <h2>
            <span>A Blog</span> Entry</h2>
        <div class="clr">
        </div>
        <p>
            Posted by <a href="#">Owner</a> <span>&nbsp;&bull;&nbsp;</span> Filed under <a href="#">
                templates</a>, <a href="#">internet</a></p>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse
            bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis
            varius lorem, eu posuere nunc justo tempus leo. 
        </p>
        <p>
            Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a
                href="#">turpis</a></p>
        <p>
            <a href="#"><strong>Comments (3)</strong></a> <span>&nbsp;&bull;&nbsp;</span> May
            27, 2010 <span>&nbsp;&bull;&nbsp;</span> <a href="#"><strong>Edit</strong></a></p>
    <p class="pages">
        <small>Page 1 of 2 &nbsp;&nbsp;&nbsp;</small> <span>1</span> <a href="#">2</a> <a
            href="./Articles/List.aspx">&raquo;</a></p>
    </div>
</asp:Content>
